//element基础上修改样式
@import "themeVariable";
.app-container{
  @include themify($themes){
    .el-header {
      background-color: themed('top-menu-background');
      color: themed('top-menu--color');
    }
    .el-message-box__title {
      color: #fff;
    }
    .el-message-box__content {
      padding: 10px 15px;
      color: #fff;
      font-size: 14px;
    }
    .el-message-box {
      background-color: #1a367a !important;
      border: 1px solid #001f6b;
    }
    /*折叠面板.el-collapse-item__header*/
    .el-collapse{
      border-color: themed('form-bord');
      .el-collapse-item__header{
        background-color: themed('top-menu-background');
        color: themed('font-color');
        padding-left: 20px;
      }
      .el-collapse-item__content{
        color: themed('font-color');
      }
      .el-collapse-item__wrap {
        background:none;
        border-color: themed('form-bord');
      }
    }
    /*面包屑*/
    .el-breadcrumb {
      line-height: 60px;
      font-size: 15px;
      .el-breadcrumb__inner a, .el-breadcrumb__inner{
        color: themed('font-color');
      }
    }
    /*菜单-menu*/
    .el-submenu .el-menu-item{
      min-width: unset
    }
    .el-menu{
      border: none;
      background-color: themed('left-menu-background');
      .el-submenu .el-submenu__title,.el-menu-item{
        color: themed('left-menu-color')
      }
      .el-menu-item.is-active{
        color: themed('left-meun-color-active');
        background-color: themed('left-meun-background-active')
      }
      .el-menu-item:hover {
        background-color: themed('left-menu-hover') !important;
        color: themed('left-meun-color-active') !important;
        i{
          color: themed('left-meun-color-active')
        }
      }
      //设置鼠标悬停时el-submenu的样式
      .el-submenu .el-submenu__title:hover {
        background-color: themed('left-menu-hover') !important;
        color: themed('left-meun-color-active') !important;
        i{
          color: themed('left-meun-color-active')
        }
      }
    }
    .el-menu--horizontal {
      background-color: themed('top-menu-background');
      color: themed('top-menu--color');
    }
    /*表单-form*/
    .el-form-item{
      margin-bottom: 7px;
      .el-form-item__content,.el-form-item__label{
        line-height: 35px;
        color: themed('font-color');
      }
      .el-form-item__content h3 {
        color: darkgoldenrod;
      }
      .el-form-item__error{
        z-index: 99999;
      }
    }
    .el-form--label-top .el-form-item__label{
      padding: 0px
    }
    /*input*/
    .el-date-editor .el-range-separator{
      line-height: 32px
    }
    .el-date-editor{
      .el-input__inner{
        padding: 2px 7px 2px 25px;
      }
    }
    .el-tag.el-tag--success {
      background-color: #1a367a;
      border-color: #67c23a;
      color: #67c23a;
  }
  .el-tag.el-tag--info {
    background-color: #1a367a;
    border-color: #909399;
    color: #909399;
}
  .el-tag.el-tag--warning {
    background-color: #1a367a;
    border-color: #e6a23c;
    color: #e6a23c;
}
  .el-tag.el-tag--danger {
    background-color: #1a367a;
    border-color: #f56c6c;
    color: #f56c6c;
}
  .el-tag.el-tag--adopt {
    background-color: #1a367a;
    border-color: #6FFFC5;
    color: #6FFFC5;
}
  .el-tag.el-tag--complete {
    background-color: #1a367a;
    border-color: #8EABFF;
    color: #8EABFF;
}
  .el-tag.el-tag--takeEffect {
    background-color: #1a367a;
    border-color: #CC99FF;
    color: #CC99FF;
}
    .el-input__inner, .el-input__icon, .el-date-editor .el-range-separator{
      height: 30px;
      line-height: 30px;
      color: themed('font-color') !important;
    }
    .el-input-group__append, .el-input-group__prepend{
      background-color: themed('form-background');
      border: 1px solid themed('form-bord');
    }
    .el-input__inner,.el-range-input,.el-textarea__inner{
      background-color: themed('form-background');
      border: 1px solid themed('form-bord');
      // padding: 2px 7px;
      min-width: 50px;
      font-size: 14px;
      border-radius: 3px;
      font-family: PingFang SC, PingFang SC-Bold;
      color: themed('font-color') !important;
      height: 32px;
    }
    .el-input-number.is-controls-right .el-input-number__decrease{
      bottom: 4px;
    }
    .el-input-number__decrease, .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__increase {
      width: 33px;
      background-color: themed('form-background');
      color: themed('font-color') !important;
      line-height: 15px !important;
      top: 4px;
    }
    .is-disabled{
      .el-input__inner, .el-textarea__inner {
        background-color: themed('form-background-disabled') !important;
        border-color: themed('form-bord-disabled') !important;
        color: themed('font-color') !important;
        padding: 2px 7px;
        min-width: 72px;
        font-size: 14px;
        border-radius: 3px;
        font-family: PingFang SC, PingFang SC-Bold;
        height: 30px;
      }
    }
    .el-date-editor .el-range-input {
      width: auto;
      border-left: none;
      border-right: none;
    }
    .el-select{
      width: 100%;
      .el-input .el-select__caret{
        color: themed('font-color');
      }

      .el-select__tags{
        .el-tag.el-tag--info{
          color: themed('font-color');
          background-color: themed('left-menu-background') !important;
          border-color: themed('left-meun-background-active') !important;
        }
        .el-select__input{
          color: themed('font-color');
        }
      }
    }
    .el-radio-group{
      .el-radio{
        height: 32px;
        line-height: 32px;
      }
    }
    .el-radio-button el-radio-button--mini is-active{
      background-color: #6FFFC5 !important;
    }
    .el-radio, .el-checkbox {
      color: themed('font-color');
    }
    .el-checkbox__inner {
      border-color: themed('table-border-color');
    }


    .el-select-dropdown {
      background-color: themed('left-menu-background') !important;
      border-color: themed('left-meun-background-active') !important;
      .el-select-dropdown__item{
        color: themed('font-color');
      }
      .el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
        color: #fff;
        background-color: themed('left-meun-background-active')
      }
      .el-select-dropdown__item.selected{
        color: themed('left-meun-color-active');
        background-color: themed('left-meun-background-active')
      }
    }
    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
      color: themed('left-meun-color-active');
      background-color: themed('left-meun-background-active')
    }

    /*button*/
    .el-button--mini, .el-button--mini.is-round{
      padding: 5px 16px;
      height: 32px;
    }
    .el-button--text{
      padding: 5px 0px;
      height: 32px;
    }
    .el-button--mini.is-circle {
      padding: 5px;
    }
    .el-radio-button__inner {
      padding: auto 36px;
      font-size: 14px;
      color: themed('font-color');
      background: #1A367A;
      border: 1px solid #405790;
    }
    .el-radio-button:first-child .el-radio-button__inner{
      border-left: 1px solid #405790;
    }
    .el-radio-button__orig-radio:checked+.el-radio-button__inner {
      background-color: #409EFF;
    }
    .el-descriptions{
      .el-descriptions__header {
        margin-bottom: 7px;
        .el-descriptions__title {
          color: themed('font-color');
        }
      }
      .el-descriptions-row th {
        background-color: themed('table-th-background') !important;
        color: themed('table-th-color') !important;
      }
      .el-descriptions-row td {
        background: themed('table-td-background-dack');
        color: themed('table-td-color')
      }
      .is-bordered {
        .el-descriptions-item__cell {
          border-color: themed('table-border-color') !important;
        }
      }
    }
    /*表格-table*/
    .el-table__fixed, .el-table__fixed-right {
      height: calc(100% - 10px) !important;
    }
    .el-table__fixed-right-patch{
      background-color: themed('table-th-background');
      border-bottom: unset;
    }
    .el-table__fixed-right::before, .el-table__fixed::before{
      background-color: unset;
    }
    /*.el-table--border th.el-table__cell, .el-table__fixed-right-patch{
      border-bottom: unset;
    }*/
    // 当表格没有滚动条时
    .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right{
      height: 100% !important;
      bottom: 0 !important;
      box-shadow: none !important;
    }
    // 当表格有纵向滚动条时
    .el-table--scrollable-y .el-table__fixed-right{
      right: 7px !important;
    }
    // 当表格只有横向滚动条，没有纵向滚动条时
    .el-table--scrollable-x:not(.el-table--scrollable-y) .el-table__fixed-right{
      right: 0 !important;
    }
    .el-table__empty-block, .el-table__body-wrapper {
      background-color: themed('table-td-background-dack');
    }
    .el-table__expanded-cell{
      background-color: themed('table-td-background-dack');
    }
    .el-table td, .el-table th{
      color: themed('table-td-color');
      height: 40px;
      padding: 1px 0px;
      gap: 3px;
    }
    .el-table th{
      background-color: themed('table-th-background') !important;
      color: themed('table-th-color') !important;
      font-weight: 500;
      line-height: 22px;
      letter-spacing: 0px;
    }
    .el-table .cell {
      padding-left: 10px;
      padding-right: 10px;
    }
    .el-table .cell.el-tooltip{
      margin-left: -10px;
    }
    .el-table--group,.el-table--border, .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{
      border-color: themed('table-border-color') !important;
    }
    .el-table{
      border: 1px solid themed('table-border-color') !important;
      .el-input-group__append, .el-input-group__prepend{
        background-color: themed('background-color');
        border: 1px solid themed('form-bord');
      }
      .el-input__inner,.el-range-input,.el-textarea__inner{
        background-color: themed('background-color');
        border: 1px solid themed('form-bord');
      }
    }
    .el-table__expand-icon{
      color: unset;
    }
    .el-table td.el-table__cell{
      border-color: themed('table-border-color') !important;
    }
    .el-table th.is-leaf, .el-table--group th.el-table__cell{
      border-color: themed('left-meun-background-active') !important;
    }
    .el-table tbody tr.el-table__row:hover > td, .el-table__expanded-cell:hover {
      background: themed('table-th-background') !important;
      color: themed('table-th-color') !important;
      //font-weight: bold;
    }
    .el-table tbody tr.el-table__row.hover-row > td {
      background: themed('table-th-background') !important;
    }
    .el-table--border::after, .el-table--group::after, .el-table::before {
      background-color: themed('table-border-color') !important;
    }
    .el-table__body tr.current-row>td{
      color: themed('left-meun-color-active');
      background-color: themed('left-meun-background-active') !important
    }
    .el-table__expanded-cell {
      background-color: #001F4D;
    }
    .el-table .warning-cell {
      background: $warning-color;
      color: white;
    }
    .el-table .success-cell {
      background: $success-color;
      color: white;
    }
    .el-table .danger-cell {
      background: $dangours-color;
      color: white;
    }
    .el-table .blue-row {
      background: #eef9ff;
    }
    .el-table tr {
      background: themed('table-td-background-light');
    }
    .el-table .dack-row {
      background: themed('table-td-background-dack');
    }
    .el-table .light-row{
      background: themed('table-td-background-light');
    }
    /*分页功能*/
    .el-pagination{
      .el-pagination__total, .el-pagination__jump {
        color: themed('font-color');
      }
      .el-pager {
        li{
          background-color: rgba(255, 255, 255, 0.1);
          color: themed('font-color');
        }
        li.active {
          color: #1A367A !important;
        }
      }
    }
    /*分割线*/
    .el-divider--horizontal{
      margin: 24px 0px;
    }
    .el-divider__text {
      background-color: themed('top-menu-background');
    }
    /*标签页-tab*/
    .el-tabs--left{
      width: 126px;
      .el-tabs__nav {
        z-index: 0;
      }
      .el-tabs__item {
        color: themed('left-menu-color');
        border: 1px solid #405790;
        border-right: none;
        border-collapse: collapse;
        width: 116px;
        text-align: center;
      }
      .el-tabs__item.is-active{
        /*transition: transform .3s cubic-bezier(.645,.045,.355,1);
        border-right: 2px solid themed('left-menu-color-active');*/
        color: themed('left-meun-color-active');
        background-color: themed('left-meun-background-active')
      }
      .el-tabs__nav-wrap::after{
        z-index: 0;
        background-color: themed('left-meun-background-active')
      }
      .el-tabs__active-bar{
        width: 4px;
      }
    }
    .el-tabs--border-card{
      box-shadow: unset;
      border-color: themed('tab-border');
      .el-tabs__header{
        background-color: themed('background-color');
        border-bottom: 1px solid themed('tab-border');
        .el-tabs__nav-next, .el-tabs__nav-prev, .el-tabs__item{
          height: 34px;
          line-height: 34px
        }
        .el-tabs__item.is-active{
          background-color: themed('tab-background');
          color: themed('tab-color')
        }
      }
      .el-tabs__content{
        padding: unset;
        background-color: themed('background-color');
      }
    }
    /*弹框*/
    .el-dialog {
      display: flex;
      flex-direction: column;
      margin: 0 !important;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /*height:600px;*/
      max-height: calc(100% - 30px);
      max-width: calc(100% - 30px);
      .el-dialog__header {
        padding: 4px 20px 3px;
        background-color: themed('top-menu-background');
        color: themed('top-menu-color');
        min-height: 17px;
      }
      .el-dialog__body {
        padding: 8px 5px;
        flex: 1;
        overflow: hidden;
        z-index: 10000;
        /*background: @theme_card_bgc;*/
        background-color: themed('background-color');
      }

      .el-dialog__headerbtn {
        top: 6px;
        font-weight: bolder;
      }
      .el-dialog__headerbtn .el-dialog__close {
        color:themed('left-menu-color');
      }
      .el-dialog__title{
        color: themed('left-menu-color');
        font-size: 15px;
      }
      .el-dialog__footer{
        padding: 10px 20px 10px;
        background-color: themed('left-menu-background');
        color: themed('left-menu-color');
        //background-color: @bodybackgorund;
      }
    }
    .el-dialog.is-fullscreen{
      overflow: unset;
    }
    /*card样式修改*/
    .box-card {
      width: 100%;
    }
    .el-card.is-always-shadow,
    .el-card.is-hover-shadow:focus,
    .el-card.is-hover-shadow:hover {
      box-shadow: none;
      //background: @head-background-color;
    }
    .el-card{
      //border: @head-background-color;
      border-color: themed('table-border-color');
      .el-input-group__append, .el-input-group__prepend{
        background-color: themed('background-color');
        border: 1px solid themed('form-bord');
      }
      .el-input__inner,.el-range-input,.el-textarea__inner{
        background-color: themed('background-color');
        border: 1px solid themed('form-bord');
      }
    }
    .el-card__header {
      padding: 7px 15px;
      border-bottom: none;
      border-top: themed('table-th-background');
      border-left: themed('table-th-background');
      border-right: themed('table-th-background');
      box-sizing: border-box;
      background-color: themed('top-menu-background');
      color: themed('table-td-color');
      font-size: 20px;
      font-weight: bold;
      line-height: 28px;
      .el-button, .el-radio-group, .el-checkbox-group{
        float: right;
        margin: -2px 3px;
      }
    }
    .el-card__body {
      padding: 10px;
      border-color: themed('table-border-color');
      border-top: none;
      background: themed('top-menu-background');
      height: 100%;
      color: themed('font-color');
    }
    /*链接*/
    /*.el-link {
      color: themed('font-color');
    }*/
    /*滚动条样式修改*/
    .barStyel::-webkit-scrollbar {
      /*滚动条整体样式*/
      width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
      height: 1px;
    }
    .barStyel::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      border-radius: 10px;
      box-shadow: inset 0 0 5px themed('left-menu-background');
      background: themed('left-menu-background');
    }
    .barStyel::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      box-shadow: inset 0 0 5px themed('left-menu-background');
      border-radius: 10px;
      background: themed('left-menu-background');
    }
    .el-table__body-wrapper::-webkit-scrollbar {
      /*滚动条整体样式*/
      width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
      height: 10px;
    }
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      border-radius: 20px;
      box-shadow: inset 0 0 15px themed('left-menu-background');
      background: black;
    }
    .el-table__body-wrapper::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      box-shadow: inset 0 0 15px themed('left-menu-background');
      border-radius: 20px;
      background: white;
    }

    .el-card__body::-webkit-scrollbar {
      /*滚动条整体样式*/
      width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
      height: 10px;
    }
    .el-card__body::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      border-radius: 20px;
      box-shadow: inset 0 0 15px themed('left-menu-background');
      background: black;
    }
    .el-card__body::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      box-shadow: inset 0 0 15px themed('left-menu-background');
      border-radius: 20px;
      background: white;
    }

    ::-webkit-scrollbar {
      /*滚动条整体样式*/
      width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
      height: 10px;
    }
    ::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      border-radius: 20px;
      box-shadow: inset 0 0 15px themed('left-menu-background');
      background: black;
    }
    ::-webkit-scrollbar-track {
      /*滚动条里面轨道*/
      box-shadow: inset 0 0 15px themed('left-menu-background');
      border-radius: 20px;
      background: white;
    }

    /*树结构*/
    .el-tree{
      background-color: themed('left-menu-background');
      color: themed('left-menu-color');
      .el-tree-node:focus > .el-tree-node__content {
        background-color: themed('left-meun-background-active') !important;
        color: themed('left-meun-color-active');
      }

      .el-tree-node__content:hover{
        background-color: themed('left-meun-background-active') !important;
      }
      .el-tree__empty-block {
        background-color: themed('background-color')!important;
      }
    }
    .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
      background-color: themed('left-meun-background-active') !important;
      color: themed('left-meun-color-active');
    }
  }
  .el-steps{
    .is-process, .is-success{
      color: #3391FF;
    }
    .is-process, .is-success, .is-finish{
      .el-step__description.is-process {
        color: #3391FF;
      }
      .el-step__line-inner{
        border-color: #3391FF;
      }
      .el-step__icon.is-text, .el-step__icon-inner {
        border-color: #3391FF;
      }
      .el-step__line{
        background-color: #405790;
      }
      .el-step__icon.is-text{
        color: #001F6B;
      }
      .el-step__icon {
        background: #3391FF;
      }
    }
    .is-wait{
      .el-step__icon.is-text, .el-step__icon-inner {
        border-color: #8C9ABC;
      }
      .el-step__line{
        background-color: #405790;
      }
      .el-step__icon.is-text{
        color: #8C9ABC;
      }
      .el-step__icon {
        background: #001F6B;
      }
    }
    .el-step__head.is-wait{
      color: #C0C4CC;
      border-color: #C0C4CC;
    }
  }
}
.el-transfer-panel {
  border: 1px solid #EBEEF5;
  border-radius: 4px;
  overflow: hidden;
  background: #1a367a !important;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
}
.el-transfer-panel .el-transfer-panel__header {
  height: 40px;
  line-height: 40px;
  background: #001f6b !important;
  margin: 0;
  padding-left: 15px;
  border-bottom: 1px solid #EBEEF5;
  box-sizing: border-box;
  color: #fff;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  font-size: 16px;
  color: #fff !important;
  font-weight: 400;
}
.wl-transfer .transfer-title {
  border: 1px solid #1a367a;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  color: #fff !important;
  font-size: 16px;
  background-color: #1a367a !important;
}
